* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

:root {
    --primary-btn: #165DFF;
    --primary-text: #ffffff;
    --secondary-text: #0F172A;
    --tertiary-text: #000000;
}

.wrapper {
    background:#000;
}

.navbar-menu {
    color: #ffffff;
    font-size:15px;
    text-decoration:none;
    cursor:pointer;
}

.get-started {
    background: var(--primary-btn);
}

.enterprise {
    color: var(--primary-btn);
}

.hero {
    position: relative;
    min-height: 900px;
}

.hero-image {
    position: absolute;
    inset: 0;
    width: min(100%, 1440px);
    top:-130px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../../Images/Index-page-image/section-one/final.png") no-repeat right center;
    background-size: contain;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 180deg, rgba(0,0,0,0) -13.23%, rgba(22,93,255,.5) 101.9% );
}

.gradient {
    background: linear-gradient( 180deg, rgba(0,0,0,0) -13.23%, rgba(22,93,255,.5) 101.9% );
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .hero-image {
        width: 100%;
        background: url("../../Images/Index-page-image/section-one/final.png") no-repeat center center;
        background-size: contain;
    }
}